/*--------banner--------*/
.swiper {
		  width: 100%;overflow: hidden; position: relative;
		}

		.banner2 .mySwiper{ position: relative;}
	
.banner2 .swiper-slide {
		  text-align: center;
		  font-size: 18px;

}

.banner2 .swiper-slide img {
		  display: block;
		  width: 100%;
		  height:auto;vertical-align: top;
		
}
		  
.banner2 .my-button-disabled{ opacity:0.2; } 
.banner2 .swiper-slide img {width: 100%; height: auto; }
.banner2{ overflow: hidden;width: 100%; position: relative;}	
.banner2 .swiper-button-next:after,.banner2 .swiper-button-prev:after {
		font-family:swiper-icons;
		font-size:20px;
		text-transform:none!important;
		letter-spacing:0;
		font-variant:initial;
		color: #fff;
		line-height:1
	}

	.banner2 .swiper-pagination{left:3%;width: 20px;height: auto;
		position: absolute;
		bottom: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);display: flex;display: -webkit-flex;flex-wrap: wrap; justify-content: flex-start;
	}
	.banner2 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:5px 0px;}

	.banner2 .swiper-pagination-bullet{ width: 14px;height: 14px; background: rgba(255,255,255,0.5); border: 2px solid #fff; opacity:1;}
	.banner2 .swiper-pagination-bullet-active{width: 14px;height: 14px; background: rgb(235, 6, 6); border: 2px solid #fff;}
	.banner2 .swiper-button-prev {  margin-left: 20px;
		  font-size: 14px;
		  width: 40px;
		  height: 40px;
		  border-radius: 50%;
		  background: rgba(0, 0, 0, 0.2);display: none;
		}

	
		.banner2 .swiper-button-next { margin-right: 20px;
		  font-size: 14px;
		  width: 40px;
		  height: 40px;
		  border-radius: 50%;
		  background: rgba(0, 0, 0, 0.2);display: none;
		}
	  
		.banner2 .swiper-button-next:hover {
		  opacity: 1;
		  background: rgba(201, 184, 158, 0.8)
		}
	  
		.banner2 .swiper-button-prev:hover {
		  opacity: 1;
		  background: rgba(201, 184, 158, 0.8)
		}
@media (max-width:1000px) {
.banner2 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 3px}

.banner2 .swiper-pagination{left:0;width: 100%;display: block;bottom:0px}

}
@media (max-width:750px) {

		  .banner2 .swiper-button-prev {
		  font-size: 14px;
		  width: 40px;
		  height: 40px;
		  border-radius: 50%;
		  background: rgba(0, 0, 0, 0.2);
		  transform: scale(0.7);   }
	 .banner2 .swiper-pagination-bullet{ width: 10px;height: 10px; background: rgba(255,255,255,0.5); border: 2px solid #fff; opacity:1;}
	
	.banner2 .swiper-pagination-bullet-active{width: 10px;height: 10px; background: #e7262d; border: 2px solid #fff;}
	.banner2 .swiper-button-next {
		  font-size: 14px;
		  width: 40px;
		  height: 40px;
		  border-radius: 50%;
		  background: rgba(0, 0, 0, 0.2);
		  transform: scale(0.7); 
		}
}




/*--------pro1--------*/

		.pro_Right .swiper {
		  width: 100%;
		  height: 100%;
		}
	
		.pro_Right .swiper-slide {
		  text-align: center;
		  font-size: 18px;
		  display: flex;
		  justify-content: center;
		  align-items: center;  position: relative;
		}
		.pro_Right .swiper-slide .cp_title{position: absolute; z-index: 1;left:5%; width: auto; padding: 20px 15px;
			 background:rgba(255,255,255,0.8); color: #d70000;font-size:1.4vw; border-radius: 5px;
			 writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: vertical-lr;
  top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}
		
		.pro_Right .swiper-slide img {
		  display: block;
		  width: 100%;
		  height: 100%;
		}
	
	
	
		.pro_Right .swiper {
		  width: 100%;
		  height: 100%;
		}
	
		.pro_Right .swiper-slide {
		  background-size: cover;
		  background-position: center;
		}
	
		.pro_Right .mySwiper2 {
		  height: 100%;
		  width: 100%; 
		}

		.pro_Right .mySwiper3 {
		  height: 100%;
		  width: 100%; 
		}
	
		.pro_Right .mySwiper {
		  height: 20%; position: relative; margin-top: -20%;
		  z-index: 10;
		  box-sizing: border-box;
		  padding: 10px 0;
		}
	
		.pro_Right .mySwiper .swiper-slide {
		  width: 20%;
		  height: 100%;
		  opacity: 1; border:2px solid  #720000; border-radius: 5px;
		}
		.pro_Right .mySwiper .swiper-slide  img{height:100%;height:100%; border-radius: 5px;}
		.pro_Right .mySwiper .swiper-slide-thumb-active {
		  opacity: 1; border:2px solid  #fff5f5;
		}
	
		.pro_Right .swiper-slide img {
		  display: block;
		  width: 100%;
		  height: 100%;
		  object-fit: cover;
		}
	
		.pro_Right .swiper-button-next,.swiper-button-prev {color:#c0c4c7;font-size: 18px;}
		.pro_Right .swiper-button-next:hover,.swiper-button-prev:hover{color:#de3910;}

		.pro_Right .swiper-button-next:hover:after,.pro_Right .swiper-button-prev:hover:after {

		color: #b19e6e;

	}
	
		.pro_Right .swiper-button-next:after,.swiper-button-prev:after {font-size:40px;}
	@media screen and (max-width: 1300px) {
		.pro_Right .swiper-button-next:after,.swiper-button-prev:after {font-size:30px;}
	}
	
	@media screen and (max-width: 1000px) {
		.pro_Right .swiper-button-next:after,.swiper-button-prev:after {font-size:24px;}
		.pro_Right .swiper-slide .cp_title{font-size:16px;}
	}
	@media screen and (max-width: 640px) {
		.pro_Right .swiper-slide .cp_title{ padding: 10px 5px;top:25%;font-size:14px;}


	}

/*--------pro2--------*/


	.pro_Right .swiper-slide3 {
	  text-align: center;
	  font-size: 18px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}


	.pro_Right .mySwiper3 {
	  height: 100%;
	  width: 100%; 
	}

	.pro_Right .mySwiper03 {
	  height: 20%; position: relative; margin-top: -20%;
	  z-index: 10;
	  box-sizing: border-box;
	  padding: 10px 0;
	}

	.pro_Right .mySwiper03 .swiper-slide {
	  width: 20%;
	  height: 100%;
	  opacity: 1; border:2px solid  #720000; border-radius: 5px;
	}
	.pro_Right .mySwiper03 .swiper-slide  img{height:100%;height:100%; border-radius: 5px;}
	.pro_Right .mySwiper03 .swiper-slide-thumb-active {
	  opacity: 1; border:2px solid  #fff5f5;
	}


/*--------pro3--------*/

	.pro_Right .swiper-slide4 {
	  text-align: center;
	  font-size: 18px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}

	.pro_Right .mySwiper4 {
	  height: 100%;
	  width: 100%; 
	}

	.pro_Right .mySwiper04 {
	  height: 20%; position: relative; margin-top: -20%;
	  z-index: 10;
	  box-sizing: border-box;
	  padding: 10px 0;
	}

	.pro_Right .mySwiper04 .swiper-slide {
	  width: 20%;
	  height: 100%;
	  opacity: 1; border:2px solid  #720000; border-radius: 5px;
	}
	.pro_Right .mySwiper04 .swiper-slide  img{height:100%;height:100%; border-radius: 5px;}
	.pro_Right .mySwiper04 .swiper-slide-thumb-active {
	  opacity: 1; border:2px solid  #fff5f5;
	}



	/*--------6--------*/

	
  .swiper-container {
		width: 100%;
  
		padding-bottom:40px;
	  }
.sycp_box .swiper-slide {
		text-align: center;
		font-size: 18px;
  
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		transition: 300ms;
		transform: scale(0.7);
	  }
  
	  .sycp_box .swiper-wrapper{margin: 0px; text-align: center;}
	  .sycp_box .swiper-slide-active,.sycp_box .swiper-slide-duplicate-active{
		transform: scale(1);
	  }
  
	  .sycp_box .swiper-container .swiper-pagination-bullet-active {
		opacity: 1;
		background: #fff;
		width: 10px;
		height: 10px;
	  }
  

	  .sycp_box{ overflow: hidden; width: 100%; margin: 0 auto;}
	  .sycp_box .swiper-pagination{bottom:0px}
  

	  .sycp_box .swiper-button-next:after,.swiper-button-prev:after {
		  font-family:swiper-icons;
		  font-size:20px;
		  text-transform:none!important;
		  letter-spacing:0;
		  font-variant:initial;
		  color: #fff;
		  line-height:1
	  }
	  
  
	  .sycp_box .swiper-button-prev { 
			width: 40px;
			height: 40px;
			border-radius: 50%;
			background: rgba(0, 0, 0, 0.2)
		  }
	  
		  .sycp_box .swiper-button-next { 
			font-size: 14px;
			width: 40px;
			height: 40px;
			border-radius: 50%;
			background: rgba(0, 0, 0, 0.2)
		  }
		
		  .sycp_box .swiper-button-next:hover {
			opacity: 1;
			background: rgba(247, 243, 239, 0.4)
		  }
		
		  .sycp_box .swiper-button-prev:hover {
			opacity: 1;
			background: rgba(247, 243, 239, 0.4)
		  }
	  
  
		  @media (max-width:750px) {
			.sycp_box .swiper-button-prev {
			font-size: 14px;
			width: 36px;
			height: 36px;
			border-radius: 50%;
			background: rgba(0, 0, 0, 0.2);
			transform: scale(0.7);   }
	  .sycp_box .swiper-button-next {
			font-size: 14px;
			width: 36px;
			height: 36px;
			border-radius: 50%;
			background: rgba(0, 0, 0, 0.2);
			transform: scale(0.7); 
		  }
	  }
  
	  .sycp_box  .swiper-pagination,.sycp_box .swiper-pagination-fraction{color: #fff;font-size: 18px;}


	  .sy_por_bg{background:#e7262d;margin:0px; position: relative;}
	  .sy_por_bg::before{content: "";  position: absolute;left:0;top:0;width: 100%;  height: 100%;
		background: url(../images/line_tu1.svg)  repeat; background-size: 10% auto;z-index: 0; opacity: 0.6;}

	  .sycp{margin:0 auto; padding: 0px;}
	  .sycp .img_pic{overflow: hidden; position: relative; text-align: center; }
	  .sycp .img_pic .product_img{
		  background-repeat: no-repeat;
		  background-position: center;
		  background-size: cover;
		  transition: all 0.5s ease; 
		  -webkit-transition: all 0.5s ease; }
	  .sycp .img_pic .product_img img{width:100%;height: auto;vertical-align: top;}
	  .sycp:hover .img_pic .product_img{transform: scale(1.05); -webkit-transform: scale(1.05);}
	  .sycp .works_title{ font-size: 40px;line-height: 40px; margin-top: 5px; padding-top: 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color: #fff;position:relative;text-align: center;
	font-family: HXB;}
	  .sycp:hover .works_title{ color:#fff;}
	  .sy_cp_sm{ line-height: 30px;font-size: 18px; color:rgba(255, 255, 255, 0.86);}
	  
	  .sycp a{display: inline;}
	  @media (max-width:2000px) {
		.sy_cp_sm{ line-height: 30px;font-size: 18px; }
		.sycp .works_title{ font-size: 2vw; line-height: 1.6;}
	  }

	  @media (max-width:1400px) {
		.sy_cp_sm{ line-height: 28px;font-size: 16px; }
		.sycp .works_title{ font-size: 2vw; line-height: 1.6;}
	  }


	  @media (max-width:1300px) {
		.sy_cp_sm{ line-height: 24px;}
		.sycp .works_title{ font-size: 2.4vw; line-height: 1.6;}
	  }

	  @media (max-width:900px) {
		.sycp .works_title{ font-size: 24px; }
		.sycp_box  .swiper-pagination,.sycp_box .swiper-pagination-fraction{font-size: 16px;}
	  }

	  @media (max-width:800px) {
		.sy_cp_sm{ line-height: 24px;font-size: 14px; }
		.sycp .works_title{ font-size: 20px;}
	  }


/*----- 加盟店----*/
.qgjm_tu_k{padding: 0px;overflow: hidden; margin: 0;  background: #fff; border-radius: 5px;box-shadow:0 0 15px 1px rgba(0,0,0,.05)}
.qgjm_tu_k dl{padding: 10px 10px;overflow: hidden; margin: 0;}
.qgjm_tu_k dl dt{padding: 4px 0px;overflow: hidden; margin: 0;font-size: 20px; line-height: 32px; text-align: center;}

.qgjm_tu_k dl dd{padding: 0px;overflow: hidden; margin: 0;}
@media (max-width:2000px) {
	.qgjm_tu_k dl dt{font-size: 18px;padding: 2px 0px;}
}


@media (max-width:1400px) {
.qgjm_tu_k dl dt{font-size: 16px;line-height: 24px; }
}


	.jmd_gd_box .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.9);
  }

  .jmd_gd_box .swiper-wrapper{margin: 0px; text-align: center;}
  .jmd_gd_box .swiper-slide-active,.jmd_gd_box .swiper-slide-duplicate-active{
    transform: scale(1);
  }

  .jmd_gd_box .swiper-container .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
    width: 10px;
    height: 10px;
  }


  .jmd_gd_box{ overflow: hidden; width: 100%; margin: 0 auto;}
  .jmd_gd_box .swiper-pagination{bottom:0px}


  .jmd_gd_box .swiper-button-next:after,.swiper-button-prev:after {
      font-family:swiper-icons;
      font-size:20px;
      text-transform:none!important;
      letter-spacing:0;
      font-variant:initial;
      color: #fff;
      line-height:1
  }
  

  .jmd_gd_box .swiper-button-prev { 
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.2)
      }
  
      .jmd_gd_box .swiper-button-next { 
        font-size: 14px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.2)
      }
    
      .jmd_gd_box .swiper-button-next:hover {
        opacity: 1;
        background: rgba(247, 243, 239, 0.4)
      }
    
      .jmd_gd_box .swiper-button-prev:hover {
        opacity: 1;
        background: rgba(247, 243, 239, 0.4)
      }
  

      @media (max-width:750px) {
        .jmd_gd_box .swiper-button-prev {
        font-size: 14px;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.2);
        transform: scale(0.7);   }
  .jmd_gd_box .swiper-button-next {
        font-size: 14px;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.2);
        transform: scale(0.7); 
      }
  }

  .jmd_gd_box  .swiper-pagination,.jmd_gd_box .swiper-pagination-fraction{color: #ef0000;font-size: 18px;}

	/*--------pro1_box--------*/

	.pro1_box .mySwiper .swiper-button-next:after,.swiper-button-prev:after {
		font-family:swiper-icons;
		font-size:20px;
		text-transform:none!important;
		letter-spacing:0;
		font-variant:initial;
		color: #fff;
		line-height:1
	}
	
	.pro1_box .mySwiper .swiper-pagination { bottom: 8px;}


	.pro1_box .mySwiper .swiper-pagination-bullet{ width: 10px;height: 10px; background: rgba(0,0,0,0.3); opacity:1;}
	.pro1_box .mySwiper .swiper-pagination-bullet-active{width: 10px;height: 10px; background: #ff5104; }




	.pro1_box .mySwiper .swiper-button-prev {  margin-left: 10px;
		  font-size: 14px;
		  width: 36px;
		  height: 36px;
		  border-radius: 50%;
		  background: rgba(0, 0, 0, 0.2); z-index: 3;
		}
	
		.pro1_box .mySwiper .swiper-button-next { margin-right: 10px;
		  font-size: 14px;
		  width: 36px;
		  height: 36px;
		  border-radius: 50%;
		  background: rgba(0, 0, 0, 0.2);z-index: 3;
		}
	  
@media (max-width:1300px) {
.pro1_box .mySwiper .swiper-button-prev { width: 32px;height: 32px;}
.pro1_box .mySwiper .swiper-button-next { width: 32px;height: 32px;}
}


		.pro1_box .mySwiper .swiper-button-next:hover {opacity: 1;background: rgba(7, 7, 7, 0.6)}
		.pro1_box .mySwiper .swiper-button-prev:hover { opacity: 1;background: rgba(7, 7, 7, 0.6)}

	.pro1_box .mySwiper .swiper-pagination { bottom:0px;}
	.pro1_box .swiper-wrapper{ padding-bottom: 40px;}


	/*--------pro2_box--------*/
	.pro2_box .mySwiper .swiper-pagination-bullet{ width: 10px;height: 10px; background: rgba(0,0,0,0.3); opacity:1;}
	.pro2_box .mySwiper .swiper-pagination-bullet-active{width: 10px;height: 10px; background: #ff5104; }
	.pro2_box .mySwiper .swiper-button-prev {  margin-left: 10px;
		font-size: 14px;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.2); z-index: 3;
	  }
  
	  .pro2_box .mySwiper .swiper-button-next { margin-right: 10px;
		font-size: 14px;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.2);z-index: 3;
	  }
	
@media (max-width:1300px) {
.pro2_box .mySwiper .swiper-button-prev { width: 32px;height: 32px;}
.pro2_box .mySwiper .swiper-button-next { width: 32px;height: 32px;}
}

	
.pro2_box .mySwiper .swiper-button-next:hover {opacity: 1;background: rgba(7, 7, 7, 0.6)}
.pro2_box .mySwiper .swiper-button-prev:hover { opacity: 1;background: rgba(7, 7, 7, 0.6)}


	.pro2_box .mySwiper .swiper-pagination { bottom:0px;}
	.pro2_box .swiper-wrapper{ padding-bottom: 40px;}

		/*--------pro3_box--------*/
.pro3_box .mySwiper .swiper-pagination-bullet{ width: 10px;height: 10px; background: rgba(0,0,0,0.3); opacity:1;}
.pro3_box .mySwiper .swiper-pagination-bullet-active{width: 10px;height: 10px; background: #ff5104; }
.pro3_box .mySwiper .swiper-button-prev {  margin-left: 10px;
	font-size: 14px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.2); z-index: 3;
  }

  .pro3_box .mySwiper .swiper-button-next { margin-right: 10px;
	font-size: 14px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.2);z-index: 3;
  }

@media (max-width:1300px) {
.pro3_box .mySwiper .swiper-button-prev { width: 32px;height: 32px;}
.pro3_box .mySwiper .swiper-button-next { width: 32px;height: 32px;}
}

	.pro3_box .mySwiper .swiper-button-next:hover {opacity: 1;background: rgba(7, 7, 7, 0.6)}
	.pro3_box .mySwiper .swiper-button-prev:hover { opacity: 1;background: rgba(7, 7, 7, 0.6)}

.pro3_box .mySwiper .swiper-pagination { bottom:0px;}
.pro3_box .swiper-wrapper{ padding-bottom: 40px;}

	/*--------pro4_box--------*/
	.pro4_box .mySwiper .swiper-pagination-bullet{ width: 10px;height: 10px; background: rgba(0,0,0,0.3); opacity:1;}
	.pro4_box .mySwiper .swiper-pagination-bullet-active{width: 10px;height: 10px; background: #ff5104; }
	.pro4_box .mySwiper .swiper-button-prev {  margin-left: 10px;
		font-size: 14px;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.2); z-index: 3;
	  }
  
	  .pro4_box .mySwiper .swiper-button-next { margin-right: 10px;
		font-size: 14px;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.2);z-index: 3;
	  }
	
@media (max-width:1300px) {
.pro4_box .mySwiper .swiper-button-prev { width: 32px;height: 32px;}
.pro4_box .mySwiper .swiper-button-next { width: 32px;height: 32px;}
}
	
		.pro4_box .mySwiper .swiper-button-next:hover {opacity: 1;background: rgba(7, 7, 7, 0.6)}
		.pro4_box .mySwiper .swiper-button-prev:hover { opacity: 1;background: rgba(7, 7, 7, 0.6)}
	
	.pro4_box .mySwiper .swiper-pagination { bottom:0px;}
	.pro4_box .swiper-wrapper{ padding-bottom: 40px;}
	
		/*--------pro5_box--------*/
.pro5_box .mySwiper .swiper-pagination-bullet{ width: 10px;height: 10px; background: rgba(0,0,0,0.3); opacity:1;}
.pro5_box .mySwiper .swiper-pagination-bullet-active{width: 10px;height: 10px; background: #ff5104; }
.pro5_box .mySwiper .swiper-button-prev {  margin-left: 10px;
	font-size: 14px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.2); z-index: 3;
  }

  .pro5_box .mySwiper .swiper-button-next { margin-right: 10px;
	font-size: 14px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.2);z-index: 3;
  }

@media (max-width:1300px) {
.pro5_box .mySwiper .swiper-button-prev { width: 32px;height: 32px;}
.pro5_box .mySwiper .swiper-button-next { width: 32px;height: 32px;}
}

	.pro5_box .mySwiper .swiper-button-next:hover {opacity: 1;background: rgba(7, 7, 7, 0.6)}
	.pro5_box .mySwiper .swiper-button-prev:hover { opacity: 1;background: rgba(7, 7, 7, 0.6)}

.pro5_box .mySwiper .swiper-pagination { bottom:0px;}
.pro5_box .swiper-wrapper{ padding-bottom: 40px;}

.swiper-button-next:after,.swiper-button-prev:after {font-size:20px; color: #fff;}
@media screen and (max-width: 1300px) {
.swiper-button-next:after,.swiper-button-prev:after {font-size:16px; color: #fff;}
}